<header class="container-fluid main-color" id="embed_page_header">
    <div class="row">
        <div class="col-2 col-sm-1 col-md-1 text-center"><a href="javascript:;" role="button" class="btn historyBack"><i class="ico mdi mdi-chevron-left"></i></a></div>
        <div class="col-8 col-sm-10 col-md-10">
            <nav class="tabbable">
                <div class="nav nav-tabs" id="nav-tab" role="tablist">
                    <a class="nav-item nav-link active" href="javascript:;">个性签名</a>
                    <a class="nav-item nav-link" [routerLink]="[ '/member/home/avatar' ]">选择头像</a>
                    <a class="nav-item nav-link" [routerLink]="[ '/member/home/social' ]">社交信息</a>
                    <a class="nav-item nav-link" [routerLink]="[ '/member/home/passport' ]">修改密码</a>
                </div>
            </nav>
        </div>
        <div class="col-2 col-sm-1 col-md-1 text-center"><a href="javascript:;" role="button" class="btn"><i class="ico mdi mdi-search"></i></a></div>
    </div>
</header>
<div id="embed_page">
    <div class="container">
        <div class="main-color p-3">
            <div class="alert alert-danger" role="alert" *ngIf="errorMessage.length > 0">
                <strong>oOps!</strong> {{errorMessage}}
            </div>
            <form name="form" data-submit="once" class="theme-form" (ngSubmit)="f.form.valid && updateProfile(submitBtn)" #f="ngForm" novalidate>
            <div class="form-group">
                <label class="bmd-label-floating" for="nickname">昵称:</label>
                <input type="text" name="nickname" class="inputbox no-radius form-control w600" [(ngModel)]="profile.nickname" readonly="readonly" required="required"/>
            </div>
            <div class="form-group">
                <label class="bmd-label-floating" for="signature">个性签名:</label>
                <textarea name="signature" tabindex="1" class="form-control" style="resize:none;" [(ngModel)]="profile.signature" #signature="ngModel" [ngClass]="{ 'is-invalid': f.submitted && signature.invalid }" required="required"></textarea>
                <small class="form-text text-muted">💡&nbsp;只允许纯文字;不可以包含连接,图片,UBB代码和脚本代码</small>
                <div *ngIf="f.submitted && signature.invalid" class="invalid-feedback">
                    <div *ngIf="signature.errors.required">请输入会员的个性签名</div>
                </div>
            </div>
            <div class="form-group">
                <input type="submit" tabindex="2" class="btn btn-primary btn-block" value="提交更新" #submitBtn/>
            </div>
            </form>
        </div>
    </div>
</div>
<footer class="container-fluid main-color" id="embed_page_footer">
    <div class="row">
        <div class="col-3 col-sm-3 col-md-3 text-center"><a href="javascript:;" role="button" class="btn btn-primary"><i class="ico-sm mdi mdi-settings"></i><span class="d-none d-sm-inline">&nbsp;设置</span></a></div>
        <div class="col-3 col-sm-3 col-md-3 text-center"><a [routerLink]="['/member/home/topic']" role="button"><i class="ico-sm mdi mdi-looks"></i><span class="d-none d-sm-inline">&nbsp;话题</span></a></div>
        <div class="col-3 col-sm-3 col-md-3 text-center"><a [routerLink]="['/message/']" role="button" id="primary-panel-notice"><i class="ico-sm mdi mdi-notifications"></i><span class="d-none d-sm-inline">&nbsp;消息</span>&nbsp;<sup class="device-notice-ele"></sup></a></div>
        <div class="col-3 col-sm-3 col-md-3 text-center"><a [routerLink]="['/member/home/']" role="button"><i class="ico-sm mdi mdi-account"></i><span class="d-none d-sm-inline">&nbsp;我</span></a></div>
    </div>
</footer>
